import React, { useState, useEffect } from 'react';
import { } from 'antd'
import FileViewer from 'react-file-viewer';

const FileViewers = () => {
    const [filePath, setFilePath] = useState('');

    return (
        <>
            <h4>文件预览</h4>
            <FileViewer
                fileType='docx'//文件类型
                filePath={filePath} //文件地址（后台给返的二进制流也可以）
                onError={() => { }} //函数[可选]：当文件查看器在获取或呈现请求的资源时发生错误时将调用的函数。在这里可以传递日志记录实用程序的回调。
                errorComponent={console.log("出现错误")} //[可选]：发生错误时呈现的组件，而不是react-file-viewer随附的默认错误组件。
                unsupportedComponent={console.log("不支持")} //[可选]：在不支持文件格式的情况下呈现的组件。
            />
        </>
    )
}

export default FileViewers